#zhgl-map .public-items {
  padding: 0;
  margin-bottom: 8px;
}
#zhgl-map .public-item {
  padding: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.clearfix {
  zoom: 1;
}
h1,
h2,
h3,
p {
  margin: 0;
}
.public-inner h3 {
  margin: 0;
  padding: 7px 12px;
  font-size: 16px;
  color: #212a2e;
  background-color: #edf1f3;
}
.public-inner .item-content {
  padding: 13px 14px 15px 25px;
}
.public-inner .item-content .item-icon {
  padding-top: 14px;
  width: 51px;
}
.public-inner .item-content .item-con1 {
  width: 172px;
}
.public-inner .item-content p {
  margin: 0;
  font-size: 12px;
  color: #445761;
  line-height: 26px;
}
.public-inner .item-content span {
  color: #1f8bd7;
}
.public-inner .item-content .item-go {
  padding-top: 14px;
}
.public-header {
  padding: 7px 12px;
  font-size: 16px;
  background-color: #edf1f3;
}
.public-title {
  color: #1f8bd7;
}
.public-search {
  padding: 12px 16px;
  border-bottom: 1px solid #d6dee2;
}
.public-search input {
  width: 306px;
  height: 26px;
  outline: none;
}
.public-search button {
  width: 105px;
  height: 26px;
  outline: none;
  border: solid 1px #b0bec5;
  text-align: center;
  line-height: 26px;
  font-size: 14px;
  color: #ffffff;
  border-radius: 2px;
  background-color: #1f8bd7;
  padding: 0;
}
.public-infor .info-general {
  padding: 0 16px;
}
.public-infor .infor-header {
  padding: 8px 0 10px 0;
}
.public-infor h3 {
  font-size: 16px;
  color: #212a2e;
  padding-top: 4px;
}
.public-infor .item-icon {
  margin-right: 14px;
}
.public-infor .info-detail {
  width: 100%;
  padding: 10px;
  background-color: #edf1f3;
  margin-bottom: 10px;
}
.public-infor .info-detail p {
  font-size: 12px;
  color: #445761;
  line-height: 26px;
}
.public-infor .info-detail span {
  color: #1f8bd7;
}
.public-infor .info-detail .detail-left {
  width: 50%;
}
.public-infor .info-detail .detail-right {
  width: 50%;
}
.public-infor .info-title {
  padding: 10px 16px;
  border-top: 1px dashed #d6dee2;
}
.public-infor .bus-trend {
  width: 448px;
  height: 113px;
  padding: 0 16px;
  margin-bottom: 16px;
}
.public-infor .bus-sort {
  padding: 0 16px;
}
.public-infor .car-complain {
  padding: 0 16px;
  margin-bottom: 16px;
}
.public-infor .car-complain .car-label {
  display: inline-block;
  width: 66px;
}
.public-infor .car-complain .complain-num {
  display: inline-block;
  width: 40px;
}
.public-infor table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  background-color: #edf1f3;
}
.public-infor table tr,
.public-infor table td,
.public-infor table th {
  border: none;
}
.public-infor table th:first-of-type {
  padding-left: 14px;
  width: 100px;
}
.public-infor table td {
  padding: 6px 0;
}
.public-infor table td span {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  background-color: #ea9d2c;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 18px;
}
.public-infor table th:nth-child(2) {
  width: 200px;
}
.public-infor table td:first-of-type {
  padding-left: 14px;
}
.public-select {
  width: 102px;
  height: 26px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll 80px center transparent;
  padding-right: 14px;
  padding-left: 6px;
  border-radius: 2px;
  outline: none;
  font-size: 12px;
  color: #78909c;
}
select::-ms-expand {
  display: none;
}
.select-mar {
  margin-right: 8px;
}
.public-area {
  padding: 10px 16px;
}
.public-area label {
  padding-top: 6px;
  font-size: 12px;
  color: #212a2e;
}
.public-area .label-imp {
  font-size: 16px;
  color: #212a2e;
  padding-top: 3px;
  margin-right: 11px;
}
.public-detail-search {
  padding: 0 16px 10px;
  border-bottom: 1px solid #d6dee2;
}
.public-detail-search label {
  padding-top: 6px;
  font-size: 12px;
  color: #212a2e;
}
.public-detail-search input {
  width: 212px;
  height: 26px;
  margin-right: 8px;
  outline: none;
}
.public-detail-search button {
  width: 102px;
  height: 26px;
  border-radius: 2px;
  background-color: #1f8bd7;
  border: solid 1px #1f8bd7;
  color: #fff;
  font-size: 14px;
  outline: none;
}
.public-one {
  display: none;
}
.bus-site {
  padding: 0 16px;
}
.bus-site .bus-go {
  width: 50%;
}
.bus-site .bus-go .site-header {
  padding-left: 6px;
}
.bus-site .bus-back {
  width: 50%;
  padding-left: 23px;
  border-left: 1px solid rgba(31, 139, 215, 0.2);
}
.bus-site .site-header {
  margin-bottom: 12px;
}
.bus-site .site-header span {
  font-size: 14px;
  color: #1f8bd7;
}
.bus-site .site-icon {
  display: inline-block;
  width: 34px;
  height: 10px;
  background: url("../image/icon_site.png") no-repeat;
}
.bus-site .site-content {
  padding-left: 18px;
}
.bus-site .site-content ul {
  border-left: 4px solid #d6dee2;
  padding: 0;
}
.bus-site .site-content li {
  height: 33px;
  font-size: 14px;
  color: #445761;
  position: relative;
  list-style: none;
  padding-left: 18px;
  padding-top: 6px;
}
.bus-site .site-content .site-start {
  display: block;
  width: 14px;
  height: 14px;
  background: url("../image/icon_site_start.png") no-repeat;
  position: absolute;
  left: -9px;
  top: 8px;
}
.bus-site .site-content .icon-site {
  display: block;
  width: 10px;
  height: 10px;
  background: url("../image/icon_site_name.png") no-repeat;
  position: absolute;
  left: -7px;
  top: 10px;
}
.chart-purple-back {
  background-color: #8f60e3;
}
.chart-green-back {
  background-color: #42a75a;
}
#zhgl-map .people-chart-right article div {
  margin: 0 0 5px 0;
}
.num-one {
  padding-left: 2px;
}
#zhgl-map .people-chart-right article div .num-one {
  margin-right: 11px;
}
#zhgl-map .people-chart-right article div .complain-per {
  margin-left: 8px;
}
.public-search-result {
  padding: 12px 16px;
}
.public-search-result .search-result {
  width: 100%;
  padding: 7px 10px;
  border: 1px dashed #1fbfd7;
  border-radius: 2px;
  background-color: rgba(31, 191, 215, 0.1);
}
.public-search-result .search-result p {
  font-size: 12px;
  color: #445761;
  line-height: 21px;
}
.public-search-result .search-result .result-num {
  color: #1f8bd7;
}
.public-search-result .search-result .search-restart {
  color: #78909c;
}
.result-items {
  padding: 0;
}
.result-item {
  width: 100%;
  padding: 7px 16px;
  list-style: none;
  font-size: 12px;
  color: #445761;
}
.result-item .icon-num {
  display: inline-block;
  width: 17px;
  height: 26px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  margin-right: 8px;
}
.result-item .icon-blue {
  background: url("../image/icon_blue.png") no-repeat;
}
.result-item .icon-red {
  background: url("../image/icon_red.png") no-repeat;
}
.result-item .bike-position {
  color: #1f8bd7;
  line-height: 26px;
}
.result-item .icon-time {
  display: inline-block;
  width: 22px;
  height: 23px;
  text-indent: -9999px;
  background: url("../image/icon_time.png") no-repeat;
}
.result-item .result-item-content p {
  line-height: 22px;
}
.result-item .result-left,
.result-item .result-right {
  width: 50%;
}
.result-item .result-left {
  padding-left: 25px;
}
.result-item .result-left .num-change {
  color: #42a75a;
}
.result-item .result-address {
  padding-left: 25px;
  clear: both;
}
.bike-panel,
.ting-panel {
  display: none;
}
.zhgl-panel-content .result-item-content p {
  line-height: 22px;
  font-size: 12px;
  color: #445761;
}
.zhgl-panel-content .result-right {
  width: 40%;
}
.zhgl-panel-content .result-left {
  width: 60%;
}
.zhgl-panel-content .result-left .num-change {
  color: #42a75a;
}
.zhgl-panel-content .result-address {
  clear: both;
}
.ting-title {
  padding: 6px 16px;
  border-top: 1px dashed #d6dee2;
}
.ting-title label {
  font-size: 12px;
  color: #212a2e;
  line-height: 26px;
}
.ting-info .car-complain .complain-num {
  width: 36px;
}
.ting-info .car-complain .car-label {
  width: 72px;
}
.ting-all {
  padding: 12px 16px;
  border-bottom: 1px solid #1f8bd7;
  font-size: 12px;
  color: #445761;
}
.ting-all span {
  color: #1f8bd7;
}
.ting-kind {
  display: inline-block;
  width: 46px;
  height: 20px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  line-height: 20px;
  border-radius: 3px;
}
.ting-road {
  background-color: #f3a634;
}
.ting-car {
  background-color: #1f8bd7;
}
